<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
	<meta http-equiv="pragma" content="no-cache" />
    <meta name="author" content="Jayli" />
	<meta name="keywords" content="淘宝UED 前端工程师 拔赤" />	
	<meta name="description" content="淘宝前端工程师拔赤，关注尖端前端技术，关注yui" />
	<meta http-equiv="imagetoolbar" content="no" />
	<meta name="title" content="拔赤的文章列表" />
    <title>第七届D2-移动设备Web开发最佳实践</title>
    <link href="http://jayli.github.com/blog/atom.xml" rel="alternate" title="setImpl" type="application/atom+xml" />
    <link rel="stylesheet" href="http://jayli.github.com/blog/media/css/style.css">
    <link rel="stylesheet" href="http://jayli.github.com/blog/media/css/github.css">
	<style>
	</style>
    <script type="text/javascript" src="http://jayli.github.com/blog/media/js/highlight.pack.js"></script>
    <script type="text/javascript">
      hljs.initHighlightingOnLoad();
    </script>
	<!--[if lte IE 8]>
	<script src="http://a.tbcdn.cn/apps/lottery/00023/index-v3/js/html5.js"></script>
	<![endif]-->
	<meta name="baidu-tc-verification" content="afb6c9df553ef3493d9ee65263df0d55" />
	<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://m.zoojs.org", "http://jayli.github.com/blog");</script>
  </head>
  <body>
    <div id="container">
      <div id="main" role="main">
        <header>
        <h1>第七届D2-移动设备Web开发最佳实践</h1>
        </header>
        <nav>
        <span><a title="home page" class="" href="/blog/index.html">home</a></span>
        <span><a title="tags" class="" href="/blog/tags.html">tags</a></span>
        <span><a title="about" class="" href="/blog/about.html">about me</a></span>
        <span><a title="flickr" class="" href="http://www.flickr.com/photos/lijing00333">flickr</a></span>
        <span><a title="blogroll" class="" href="/blog/links.html">links</a></span>
        <span><a title="projects" class="" href="/blog/projects.html">projects</a></span>
        <span><a title="subscribe me" class="" href="/blog/atom.xml">feed</a></span>
        </nav>
        <article class="content">
        <section class="post">
<div style="width:510px" id="__ss_13546648"> <object id="__sse13546648" width="510" height="420"> <param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=webv2-0-120704231324-phpapp01&rel=0&stripped_title=web-13546648&userName=lijing00333" /> <param name="allowFullScreen" value="true"/> <param name="allowScriptAccess" value="always"/> <param name="wmode" value="transparent"/> <embed name="__sse13546648" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=webv2-0-120704231324-phpapp01&rel=0&stripped_title=web-13546648&userName=lijing00333" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" width="510" height="420"></embed> </object></div>


<p>非常感谢圆心的盛情邀请，今年7月有幸参加了第七届D2前端技术论坛，和完颜一起做了这次'移动web开发最佳实践'的分享，今年前端的新话题有不少，除了'基础设施建设'、'第三方广告脚本'等话题之外，就是'移动终端开发'了，半年来淘宝在移动终端开发上有不少的项目和沉淀，一直在积极探索新模式新思路，有了一些经验和教训，总结下来分享给大家。</p>

<p>移动终端越来越火，呈现出一种井喷的态势，看下我们身边多少人在学习移动app的开发就知道火爆程度了。而且几乎是瞬间，书架就摆满了ios和android的应用开发的书籍。而我们的关注点则有所不同，当前互联网成千上万的页面，能否稍加改动就能优雅的运行于移动设备？在我们基于浏览器的项目开发中，有没有可能将PC终端的产品略作调整，就适应移动设备？我们这次分享的主题即是聚焦在这一方面，"让我们的网页更优雅的展现于移动终端"。</p>

<p>这个分享分为实现和优化，优化是非常重要的一块内容，因为优化直接影响到性能，影响用户体验的基础。我们甚至成立了一个虚拟小组来专门提炼这套最佳实践"响应式设计小组"。而就在刚刚，淘宝移动版也发布了新版本(http://m.taobao.com)，之中加入了不少性能优化的部分，于是就有了这个ppt，我们也希望将尽可能多的信息量整理到ppt中，为大家的移动设备web开发给出一些启发。</p>

<p>PPT地址：<a href="http://www.slideshare.net/lijing00333/web-13546648">http://www.slideshare.net/lijing00333/web-13546648</a></p>

</section>
<section class="meta">

<!--span class="tags">
  tagged by 
  
</span-->

<span class="time">
  posted at <time datetime="2012-07-09">2012-07-09</time>
</span>
</section>

<section class="comment">
<div id="disqus_thread"></div>
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'jayliblog'; // required: replace example with your forum shortname
	var disqus_identifier = 'urn:uuid:0597dfb0-02c0-40e1-82f8-176b6dc31c8a';

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</section>


        </article>
      </div>
    </div> <!--! end of #container -->
  </body>
</html>
